﻿*{ margin:0; padding:0}
h1,h2{ font-weight:normal; text-align:center}
#LRfloater0{display:none;}
#LXB_CONTAINER { top: 200px !important; right: -9999px !important; }
p, a { color: #fff; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; text-decoration: none; }
img { border: 0; vertical-align: middle }
ul, li { list-style: none; }
table p {color: #666;}
#header { width: 100%; height: 90px; position: fixed; z-index: 100; }
.logo { margin: 15px 15px 15px 15px; float: left; }
.menu { margin-top: 30px; float: right; }
.menu ul { display: block; float: left; margin: 9px 42px 8px 0; }
.menu li { float: left; border-right: 1px solid #cdcdcd; line-height: 12px; padding-right: 25px; margin-right: 24px; }
.menu li.border0 { border: none; padding-right: 0; margin-right: 0; }
.menu li a { color: #fff; line-height: 12px; }
.menu li a:hover { color: #09c2ff; }
.menu li.yewu { position: relative; }
/*.menu li.yewu a {
	background: url(../images/home_sub_menu.png) center right no-repeat;
	padding-right: 18px;
}*/
.menu .yewu_ol { padding-top: 17px; display: none; position: absolute; top: 13px; left: -29px; z-index: 1000; }
.menu li ol { background-color: #fff; -moz-box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); -webkit-box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); padding: 17px 26px; }
.menu ol li { border-right: 0; padding-right: 0; margin-right: 0; border-bottom: 1px solid #d7d7d7; float: none; width: 58px; height: 35px; line-height: 35px; text-align: center; }
.menu ol li:last-child { border-bottom: none; }
.menu .yewu ol a { background: none; color: #333; font-size: 14px; padding-right: 0; line-height: normal; }
.menu ol li a:hover { color: #f29c06; }
.navigation { float: left; background: url(../images/navIco1.png) no-repeat; cursor: pointer; width: 31px; height: 30px; margin-right: 39px; float: left; }
.navigation { display: none; }
.menu-ul.hide { display: block !important; }
#container { width: 100%; overflow: hidden; position: relative; }
.sections { position: relative; }
.section { position: relative; z-index: 10; }
.section img { width: 100%; }
.left { float: left; }
.pages.vertical { position: fixed; top: 30%; right: 20px; width: 20px; -webkit-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
.pages.horizontal { position: absolute; left: 46%; bottom: 20px; }
.pages li { position: relative; width: 14px; height: 14px; margin: 7px 0; }
.pages.horizontal li { float: left; }
.pages.horizontal li:not(:last-child) { margin-right: 10px; }
.pages li a { width: 100%; height: 100%; display: block; }
.pages li span { position: absolute; left: 5px; top: 5px; width: 4px; height: 4px; text-indent: -9999em; background: #757575; border-radius: 50%; }
.pages li.active span { top: 1px; left: 1px; width: 8px; height: 8px; border: 2px solid #95d7fd; background: none; }
.start { height: 100%;  z-index: 10; width: 100%; overflow: hidden; }
.item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.item .text { position: absolute; top: 22%; top: 20%\9; left: 0; right: 0; z-index: 10;}
.start .text { top: 29%; top: 30%\9; }
.product4 .text { top: 38%; top: 38%\9; }
video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../images/banner_01.jpg) center center no-repeat; background-size: cover; }
.text h1 { color: #fff; font-family: 'Microsoft YaHei'; font-size: 54px; text-align: center; position: relative; top: 30px; }
.text h1 span{ font-size:36px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin:8px 0 2px; padding:0; line-height:inherit; display:block}

.text p { line-height: 26px; width: 972px; margin: 0 auto; /*padding: 12px 0 35px 0;*/ text-align: center; position: relative; top: 15px; margin:24px  auto 50px }
.product1 { background: url(../images/banner_02.jpg) center center no-repeat; background-size: cover; }
.product2 { background: url(../images/banner_03.jpg) center center no-repeat; background-size: cover; }
.product3 { background: url(../images/banner_04.jpg) center center no-repeat; background-size: cover; }
.product4 { background: url(../images/banner_05.jpg) center center no-repeat; background-size: cover; }
.product5 { background: url(../images/banner_06.jpg) center center no-repeat; background-size: cover; }
.btn { text-align: center; margin-top: 12px; position: relative; display: inline-block; display:table; margin:0 auto}
.btn a { border: 2px solid #fff; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 35px; }
.btn a:hover { border: 2px solid #0061a5; background-color: #0061a5; color: #fff; }
/*.mask-bg:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 5; display: block; }*/
.nav { margin-top: -71px; position: fixed; right: 0; top: 50%; z-index: 50; }
.nav li a span { background: url(../images/pager.png) center center no-repeat; display: block; width: 22px; height: 22px; margin-right: 40px; text-align: center; text-indent: -9999px }
.nav li.active a span { background: url(../images/pager1.png) center center no-repeat; }
.nav li > a {outline: none; }
.other { background-color: #fff; width: 100%; overflow: hidden; position: relative; }
.other > a {display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.other h2 { color: #333; font-family: 'Microsoft YaHei'; font-size: 28px; text-align: center; margin-top: 46px; margin-bottom: 11px; }
.other p { color: #333; font-size: 14px; width: 782px; margin: 0 auto; text-align: center; }
.other ul { width: 1110px; margin: 36px auto 0 auto; overflow: hidden; }
.other ul li { float: left; margin-left: 31px; margin-bottom: 25px; }
.other li.ml0 { margin-left: 0; }
.other .more { margin-top: 10px; }
.other .more a { color: #ff9900; font-size: 14px; }
.other .item { top: 77%; top: 74%\9; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); }

.index_con{ text-align:center;font-family:"微软雅黑"}
.index_con h3{ font-weight:normal; font-size:24px; color:#333; }
.index_con h3 span{ display:block; font-size:18px; color:#666; line-height:35px}
.index_con h4{ font-size:42px; color:#0061a5; font-weight:normal; margin:15px 0}
.index_con h5{ font-weight:normal; font-size:14px; line-height:28px; color:#7b7b7b; margin-top:20px}
.index_con img{width:inherit;}
@keyframes firstPart {
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-moz-keyframes firstPart
/* Firefox */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-webkit-keyframes firstPart
/* Safari and Chrome */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-o-keyframes firstPart
/* Opera */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
.mousetip { background: url(../images/mousetip.png) no-repeat; width: 51px; height: 41px; position: fixed; bottom: 10px; left: 50%; margin-left: -25px; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; }
.imgbox { position: relative; overflow: hidden; }
.customer { background: url("../images/customer.jpg") center no-repeat; background-size: contain; }
.customer img { visibility: hidden; }
@media (max-width:1600px) {

.index_con h4{ margin:5px 0}	
.index_con h5{ line-height:23px}	
}
@media (max-width:1366px) {
	.other .item { top: 73%; top: 58%\9; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); }
	
.logo {margin: 15px 10px 15px 15px;}
.menu li { padding-right: 20px; margin-right: 20px; }

.index_con h3{ margin:20px 0 0 }
.index_con h3 span{line-height:30px}
.index_con h4{ font-size:40px; margin:5px 0}


}
 
/* bauma */
body{position:relative}
.bauma-content{width:100%;height:100%;position:relative;overflow:hidden}
.bauma-inner{position:relative;width:1920px;height:2262px;background:url('../images/bauma.jpg') no-repeat center;left:50%;margin-left:-960px}
.bauma-stage{background:url('../images/stage.png') no-repeat center;width:100%;height:866px;position:absolute;z-index:6;margin-top:190px}
.bauma-effect{background-image:url('../images/effect.png');background-repeat:no-repeat;background-position:74%;position:relative;height:1616px;z-index:3}
.bauma-overlay{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:9999;overflow:hidden}
.bauma-ad{position:absolute;width:372px;height:575px;background:url('../images/bauma-mask.png') no-repeat center;left:50%;margin-left:-186px;overflow:hidden;display:none}
.bauma-ad a{display:inline-block;position:absolute;left:0;right:0;top:60px;bottom:0;text-indent:-9999px}
.bauma-overlay-close{width:36px;height:36px;position:absolute;right:6px;top:14px;border-radius:50%;cursor:pointer}



input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type=search] {
	background: #ededed url(../images/serch.png) no-repeat center center;
	border: solid 1px #fff;
	padding: 4px 8px 5px 32px;
	width: 55px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:hover {
	width: 140px;
	background-color: #fff;
	border-color: #fff;
	background: #ededed url(../images/serch.png) no-repeat 90% center;
	
}

#demo-b input[type=search] {
	width: 15px;
	padding-left: 4px;
	color: transparent;
	cursor: pointer; -webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%; outline:none;-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%; margin-top:-8px
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:hover {
	width: 140px;
	padding-left: 22px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}
.open li{
    margin-left: 20px;
float: left;
}
.open li a{
color:#ccc;
}















